.cm-calendar-head
  display flex
  align-items center
  border-bottom 1px solid $app-theme-color

.cm-calendar-week
  display flex
  padding 5px 0
  text-align center
  font-size 12px
  
  view
    flex-grow 1

.cm-calendar-swiper
  height 365px

.cm-calendar-swiper-week
  height 65px

.cm-calendar-main
  width 100%
  display flex
  flex-wrap wrap
  padding 0 5px 5px 5px

.cm-calendar-item
  width (100 / 7)%
  height 50px
  margin 5px 0
  text-align center
  position: relative
  display flex
  flex-direction column
  justify-content center
  
  &.left
  &.prev
  &.next
    opacity: 0.3
    
  &.selected
    &:after
      content ''
      position absolute
      top 0
      bottom 0
      max-width 60px
      width 100%
      left 50%
      transform: translate(-50%, 0)
      border-radius 5px
      border 2px solid $app-theme-color
  
  &.holiday
    color $app-alert-color

.cm-calendar-item-up
  height 26px
  display flex
  justify-content center
  align-items center

.cm-calendar-day-text
  width 34px

.cm-calendar-ganzhi
  color $app-theme-color-2
  width 13px
  height 26px 
  margin-right 5px